﻿<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>美食之窗</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="BootStrap/css/bootstrap.css" rel="stylesheet" />
    <link href="css/center.css" rel="stylesheet" type="text/css" />
    <link href="Carousel/allinone_thumbnailsBanner.css" rel="stylesheet" />
    <link href="Carousel/featureCarousel.css" rel="stylesheet" />
    <link href="Carousel/accordion.css" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="BootStrap/js/html5.js"></script>
        <script src="BootStrap/js/respond.src.js"></script>
        
    <![endif]-->
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="Images/mszc.ico">
</head>
<body>
    <!-- NAVBAR
================================================== -->

    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="brand ims-logo" href="#">    
                </a>
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <div class="nav-collapse collapse ">
                    <ul class="nav nav-collapse collapse ">       
                        <li class="dropdown">
                            <a href="#" role="button"class="dropdown-toggle"data-toggle="dropdown"data-target="#">设置<b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu"  aria-labelledby="dLabel">
                                <li><a tabindex="-1" href="#">账号设置</a></li>
                            
                             </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" role="button"class="dropdown-toggle"data-toggle="dropdown"data-target="#">快乐的大脚<b class="caret"></b></a>
                            <ul class="dropdown-menu" role="menu"  aria-labelledby="dLabel">
                                <li><a tabindex="-1" href="#">退出</a></li>
                            
                             </ul>
                        </li>
                        <li><a href="#">美食之窗</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container center_info">
        <div class="row">
            <div class="span3 menu">
                <ul class="menu-list">
                    <li class="current">
                        <a href="#">
                            <i class="icon-home icon-large icon-white"></i>
                            我的首页
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <i class="icon-calendar icon-large"></i>
                            修改资料
                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <i class="icon-user icon-large"></i>
                            更换头像
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="icon-lock icon-large"></i>
                            修改密码
                        </a>
                    </li>


                    <li>
                        <a href="#">
                            <i class="icon-comment icon-large"></i>
                            我的评论
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="icon-file icon-large"></i>
                            我的菜谱
                        </a>
                    </li>
                </ul>
            </div>
            <div class="span9 main">
                <div class="row">
                    <div class="span4 userinfo highlight">
                        <div class="row">
                            <div class="span1">
                                <a target="_blank" href="#">
                                    <img src="Images/head.jpg" alt="我的头像" class="avatar"/>
                                </a>
                            </div>
                            <div class="span3">
                                <ul class="userinfo-list">
                                    <li class="hello">快乐的大脚 下午好 </li>
                                    <li>
                                        <i class="icon-map-marker"></i>
                                        <a class="location" target="_blank" title="查看地图" href="#">济南</a>
                                    </li>
                                    <li>
                                        <a class="weather" target="_blank" title="济南天气预报_一周天气预报_中国天气网" href="http://www.weather.com.cn/html/weather/101120101.shtml">12~3℃
        晴</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="span4 userinfo highlight">
                        <ul class="userinfo-list">
                            <li class="integral">
                                <i class="icon-leaf"></i>
                                积分：660点
                                <a href="#">兑换礼品</a>
                                <a href="#">获取积分</a>
                            </li>
                            <li>
                                <i class="icon-list-alt"></i>
                                已订阅杂志：5
                                <a href="#">查看</a>
                            </li>
                            <li>
                                <i class="icon-star"></i>
                                收藏：
                                <a href="#">0</a>菜谱
                                <a href="#">0</a>厨师
                            </li>
                        </ul>
                    </div>
                    <div class="span8 business_card highlight">
                        <div class="card_header">
                            <span class="card_title">
                                <i class=" icon-barcode"></i>
                                <a target="_blank" href="#">大厨名片 <i class="chevron-right">›</i></a>
                            </span>
                        </div>
                        <div class="card_info">
                            <ul>
                                <li>姓名：钱学森</li>
                                <li>性别：男</li>
                                <li>工作单位：中科院</li>
                                <li>个人主页：<a href="www.baidu.com">www.baidu.com</a></li>
                                <li>出生日期：1907-7-7</li>
                                <li>目前住址：北京</li>
                                <li>职位级别：餐饮总监</li>
                                <li>擅长菜系：鲁菜</li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="center_foot">
        
        ©2013
        Mscook
        
        &nbsp;京ICP证030173号
    
        
    </div>
    <script src="BootStrap/js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="BootStrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="BootStrap/js/jquery-ui.min.js"></script>
    <script src="lazyload/unveil.js"></script>
    <script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
    <script type="text/javascript">
        
       
        $(function () {
           
            var city = returnCitySN.cname;
            $(".location").html(city);
            var $menu = $('.menu-list li');
            $('.main:gt(0)').hide();
            $menu.click(
                function () {
                    $(this).addClass('current').siblings().removeClass('current');
                    $(this).children().children('i').addClass('icon-white');
                    $(this).siblings().children().children('i').removeClass('icon-white');
                    var $menu_index = $menu.index(this);
                    $('.main').eq($menu_index).show().siblings('.main').hide();
                }
            )
            $('.highlight').hover(function () {
                $(this).css("border-color", "#b9b9b9");
            }, function () {
                $(this).css("border-color", "#e3e3e3");
            })
                
        })
    </script>
    <!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->
</body>
</html>
